﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用JavaScript生成多项选择</title>
    <script type="text/javascript">
        function create(){
            //获取所有的复选框元素，保存在数组中
            var arr = document.getElementsByName("ck");
            var newarr = [];
            // 比哪里所有的复选框
            for(var i = 0;i< arr.length;i++){
                if(arr[i].checked){
                    newarr.push(arr[i].value);
                }
            }
            childE.innerHTML = newarr.join("->"); // 生成面包屑效果
        }
        
    </script>
</head>
<body>
<input type="checkbox" name="ck" value="子目录A">子目录A
<input type="checkbox" name="ck" value="子目录B">子目录B
<input type="checkbox" name="ck" value="子目录C">子目录C
<input type="checkbox" name="ck" value="子目录D">子目录D
<input type="checkbox" name="ck" value="子目录E">子目录E
<input type="button" value="生成" onclick="create();"><br>
<div id="childE" style="color:gray"></div>
</body>
</html>